/* CSS Document */
body,h1,h2,h3,h4,h5,h6,p,pre,ul,ol,li,dl,dt,dd,form,input,textarea{margin:0; padding:0;}
body{font-family:"微软雅黑";}
li{list-style:none;}
a{text-decoration:none; color:inherit;}
a:focus{outline:none;}
img{border:none;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}

/* 头部 */
.topbj{background:#2e3136;}
.top{width:1260px; margin:0 auto; height:88px;}
.top .logo{float:left;height:72px; margin-top:8px;}
.top .tit{float:left; color:#fff; margin:16px 0 0 30px;}
.top .tit dt{font-size:24px; font-weight:bold;}
.top .tit dd{font-size:14px;}
.top .serch{float:right; width:88px; height:88px; position:relative;}
.top .serch dt{width:88px; height:88px; background:url(images/pjh_02.png) center center no-repeat; cursor:pointer;}
.top .serch dd{position:absolute; top:88px; right:0; white-space:nowrap; display:none; z-index:2;}
.top .serch dd input[type='text']{width:200px; height:32px; border:1px solid #CCC; background:#FFF; text-indent:10px; font-size:14px; color:#333;}
.top .serch dd input[type='submit']{width:60px; height:34px; border:1px solid #138db4; background:#138db4; color:#FFF; font-size:14px;}
.top ul{float:right; line-height:40px; height:40px; color:#FFF; font-size:16px; margin-top:24px;}
.top dl:hover dd{display:block;}
.top ul li{float:left; padding:0 26px; transition:0.5s;}
.top ul li.active,.top ul li:hover{background:#138db4; border-radius:10px;}

/* banner */
.swiper-container {}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/* 首页 */
.box1bj{height:720px; background:url(images/index_01.jpg) center center no-repeat; background-size:cover;}
.box1{width:1260px; margin:0 auto;}
.box1 .fl{width:720px; margin-top:15px;}
.box1 .fl video{width:100%; height:450px; border:10px solid #009fd2; background:url(images/video.jpg);background-size:cover;}
.box1 .fl dl dt{margin:20px 0 15px; font-size:24px; color:#00c1ff;}
.box1 .fl dl dt b{font-size:40px; font-family:Arial, Helvetica, sans-serif; display:block;}
.box1 .fl dl dd{font-size:14px; color:#FFF; line-height:22px;}
.box1 .fr{width:470px; margin-top:44px;}
.box1 .fr .dl1{width:20px; position:relative; margin-left:48px;}
.box1 .fr .dl1 dt{width:20px; height:20px; border-radius:50%; background:#767676;}
.box1 .fr .dl1 dd{width:2px; height:550px; background:#767676; position:absolute; left:0; right:0; top:0; margin:auto;}
.box1 .fr .dl2{position:relative; z-index:2; color:#FFF; margin-top:66px;}
.box1 .fr .dl2 dt{width:112px; height:112px; position:relative; float:left; background:rgba(255,255,255,0.2); border-radius:50%; transition:0.5s;}
.box1 .fr .dl2 dt img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
.box1 .fr .dl2 dd{margin-left:158px;}
.box1 .fr .dl2 dd p{font-size:24px; padding:15px 0 10px;}
.box1 .fr .dl2 dd span{font-size:14px; line-height:22px;}
.box1 .fr .dl2:hover dt{background:rgba(255,255,255,1);}

.index_tit{text-align:center; padding:70px 0 36px;}
.index_tit dt{font-size:26px; color:#2e3136; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.index_tit dd{font-size:24px; color:#2e3136;}
.box2{margin:0 80px; position:relative;}
.box2 .kongzhi{position:absolute; top:100px; left:50%; margin-left:400px;}
.box2 .kongzhi li{float:left; margin-right:10px; width:38px; height:38px; line-height:38px; text-align:center; font-size:18px; color:#666; border:1px solid #CCC; cursor:pointer;}
.box2 .bod{height:430px; position:relative; overflow:hidden;}
.box2 .bod ul{position:absolute; top:0; left:0;}
.box2 .bod ul li{width:328px; float:left; margin-right:26px;}
.box2 .bod ul li .img{height:328px; border:1px solid #dedede; position:relative;}
.box2 .bod ul li .img img{max-height:100%; max-width:100%; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;}
.box2 .bod ul li p{height:42px; line-height:42px; text-align:center; background:#efefef; font-size:14px; color:#666; border:1px solid #dedede; margin-top:8px;}
.box2 .more{display:block; width:236px; height:40px; line-height:40px; text-align:center; border:1px solid #d5d6d7; font-size:14px; color:#999; margin:0 auto 50px;}

.box3{height:0; padding-bottom:33.3333%; position:relative; background:#2e3136;}
.box3 dl{width:33.3333%; float:left; padding-bottom:33.3333%; position:relative;}
.box3 dl:after{content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#FFF;}
.box3 dl dt{position:absolute; top:0; left:0; width:100%; height:100%;}
.box3 dl dt img{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-height:90%; max-width:90%;}
.box3 dl dd.dd1{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:168px; height:168px; padding:36px; border-radius:50%; background:rgba(255,255,255,0.2); transition:0.1s;}
.box3 dl dd.dd1 p{position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:168px; height:168px; background:rgba(255,255,255,0.8) url(images/pjh_06.png) center 45px no-repeat; text-align:center; font-size:16px; color:#138db4; box-sizing:border-box; padding-top:110px; border-radius:50%; position:relative;}
.box3 dl:nth-child(2) dd.dd1 p{background:rgba(255,255,255,0.8) url(images/pjh_07.png) center 45px no-repeat;}
.box3 dl:nth-child(3) dd.dd1 p{background:rgba(255,255,255,0.8) url(images/pjh_08.png) center 45px no-repeat;}
.box3 dl dd.dd2{position:absolute; top:0; left:0; right:0; bottom:0; margin:20px; background:rgba(255,255,255,0.8); color:#138db4; text-align:center; padding-top:30%; transform:scale(0); transition:0.5s 0.1s;}
.box3 dl dd.dd2 h4{height:46px; line-height:46px; font-size:24px; margin-bottom:20px;}
.box3 dl dd.dd2 h4 span{padding-left:40px; background:url(images/pjh_06.png) left center no-repeat; background-size:auto 100%;}
.box3 dl dd.dd2 p{font-size:14px; line-height:24px;}
.box3 dl:nth-child(2) dd.dd2 h4 span{background:url(images/pjh_07.png) left center no-repeat; background-size:auto 100%;}
.box3 dl:nth-child(3) dd.dd2 h4 span{background:url(images/pjh_08.png) left center no-repeat; background-size:auto 100%;}
.box3 dl:hover dd.dd1{transform:scale(0);}
.box3 dl:hover dd.dd2{transform:scale(1);}

.box4 .bod1{margin:0 80px; position:relative; padding-bottom:30%;}
.box4 .bod1 dl{position:absolute; top:0; left:0; width:100%;}
.box4 .bod1 dl dt{float:left; width:40%; margin-left:5%; padding-top:3%;}
.box4 .bod1 dl dt h4{font-size:24px; color:#2e3136; font-weight:normal; padding-bottom:16px; margin-bottom:20px; position:relative;}
.box4 .bod1 dl dt h4:after{content:""; position:absolute; bottom:0; left:0; width:60px; height:3px; background:#138db4;}
.box4 .bod1 dl dt p{font-size:14px; color:#999; line-height:24px; margin-bottom:10px;}
.box4 .bod1 dl dd{position:relative; border:1px solid #dedede; height:0; padding-bottom:30%; margin-left:52%;}
.box4 .bod1 dl dd img{width:100%; height:100%; position:absolute; top:0; left:0;}
.box4 .bod2{margin:0 80px; position:relative; padding-bottom:12%;}
.box4 .bod2 li{width:20%; padding-bottom:14%; float:left; position:relative;}
.box4 .bod2 li img{width:96%; height:96%; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; border:1px solid #CCC;}
.box4 .bod2 li.active img{border:1px solid #138db4;}
.box4 .bod2 li.active:after{content:""; position:absolute; top:-16px; left:0; right:0; margin:auto; width:0; height:0; border:10px solid rgba(0,0,0,0); z-index:1; border-bottom-color:#138db4;}

.box5{background:#2e3136; padding-bottom:32.29%; position:relative; margin-top:40px;}
.box5 .fl1{width:50%; padding-bottom:32.29%; position:absolute; top:0; left:0;}
.box5 .fl1 img{width:100%; height:100%; position:absolute; top:0; left:0;}
.box5 .frr{position:absolute; top:0; right:0; width:50%; color:#FFF;}
.box5 .frr dl{width:60%; padding:12%;}
.box5 .frr dl dt{font-size:22px; padding-bottom:20px; margin-bottom:40px; position:relative;}
.box5 .frr dl dt:after{content:""; position:absolute; bottom:0; left:0; width:60px; height:2px; background:#138db4;}
.box5 .frr dl dd{font-size:14px; line-height:22px; margin-bottom:40px;}
.box5 .frr dl dd span{color:#138db4; font-size:18px;}
.box5 .frr dl .more{font-size:14px; display:block; width:236px; height:40px; text-align:center; line-height:40px; border:1px solid #585a5e; color:#999;}

.box5a{background:#2e3136; padding-bottom:32.29%; position:relative; margin-top:40px;}
.box5a .fl1{position:absolute; top:0; left:0; width:50%; color:#FFF;}
.box5a .fl1 dl{width:60%; padding-top:12%; padding-left:20%;}
.box5a .fl1 dl dt{font-size:22px; padding-bottom:20px; margin-bottom:40px; position:relative;}
.box5a .fl1 dl dt:after{content:""; position:absolute; bottom:0; left:0; width:60px; height:2px; background:#138db4;}
.box5a .fl1 dl dd{font-size:14px; line-height:22px; margin-bottom:40px;}
.box5a .fl1 dl dd span{color:#138db4; font-size:18px;}
.box5a .fl1 dl .more{font-size:14px; display:block; width:236px; height:40px; text-align:center; line-height:40px; border:1px solid #585a5e; color:#999;}
.box5a .frr{width:50%; padding-bottom:32.29%; position:absolute; top:0; right:0;}
.box5a .frr img{width:100%; height:100%; position:absolute; top:0; right:0;}

.box6{margin:66px 80px; border:1px solid #CCC;}
.box6 h4{padding-top:15%;}
.box6 h4 span{padding-left:34px; line-height:20px; font-size:20px; color:#666; text-align:center; font-weight:normal;}
.box6 .fl:nth-child(1) h4 span{background:url(images/index_12.jpg) left center no-repeat;}
.box6 .fl:nth-child(2) h4 span{background:url(images/index_13.jpg) left center no-repeat;}
.box6 .fl:nth-child(3) h4 span{background:url(images/index_14.jpg) left center no-repeat;}
.box6 .fl{width:33.333%;}
.box6 .fl .tit{text-align:center; position:relative; padding-bottom:60%;}
.box6 .fl .tit>div{position:absolute; top:0; left:0; width:100%; padding:0 5%; box-sizing:border-box;}
.box6 .fl .tit h3{margin:6% 0 2%; font-weight:normal; border-bottom:1px dashed #CCC; padding-bottom:10px; font-size:16px; color:#666;}
.box6 .fl .tit p{font-size:12px; color:#999; line-height:24px;}
.box6 .fl .bod{padding-bottom:60%; position:relative;}
.box6 .fl .bod img{position:absolute; top:0; left:0; width:100%; height:100%;}

.bottombj{background:#333; padding:60px 0 50px;}
.bottom{width:1260px; margin:0 auto; color:rgba(255,255,255,0.8);}
.bottom .fl{width:830px; text-align:center;}
.bottom .fl ul{margin-bottom:30px;}
.bottom .fl li{font-size:16px; float:left; margin:0 25px;}
.bottom .fl p{font-size:14px; line-height:30px; color:rgba(255,255,255,0.6);}
.bottom .fr{text-align:center; font-size:14px; color:rgba(255,255,255,0.4);}
.bottom .fr dt img{width:160px;}

/* 产品列表 */
.fanye{margin-top:20px;}
.fanye li{float:left; color:#666; font-size:14px; margin-right:8px;}

/* 新闻列表 */
.list_news{padding-top:10px;}
.list_news li{padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #d7d7d7;}
.list_news li a{font-size:16px; color:#138db4; font-weight:bold;}
.list_news li p{font-size:14px; color:#333; margin-top:10px;}

.kefu{position:fixed; top:200px; right:5px; width:130px; background:#fff; color:#FFF; text-align:center; z-index:10; border-radius:10px; overflow:hidden; border:1px solid #04508e;}
.kefu .dl1{background:#04508e; padding:15px 0 10px;}
.kefu .dl1 dt{font-size:12px; padding-bottom:6px; margin:0 10px 10px; border-bottom:1px dashed rgba(255,255,255,0.4);}
.kefu .dl1 dd{font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin:5px 0;}
.kefu .dl2{text-align:center; padding:15px 0; font-size:14px; color:#333;}
.kefu .dl2 img{width:90%;}